﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Teacher Login</title>
    <link rel="stylesheet" href="../t_css/t_login.css" type="text/css" />
    <link rel="stylesheet" href="../t_css/t_common.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../t_scripts/t_navi_common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#login_logo").hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#60951B' }, { speed: 1000, queue: false });
            });

            $('.login_btn').hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#60951B' }, { speed: 1000, queue: false });
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform ( For Teacher )</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">noavatar</a></div>
                <div class="userState_small"><a href="#">login</a></div>
            </div>
        </div>
    </div>
    <div id="navi">
        <div class="navi_top">
            <ul class="all_navi">
            	<li id="navi1" class="each_navi navi1">Set Questions</li>
                <li id="navi2" class="each_navi navi2">Paper Analysis</li>
            </ul>
        </div>
        <div class="navi_bottom">
            <ul class="all_courses">
            	<li class="each_course course1">null</li>
                <li class="each_course course2">null</li>
                <li class="each_course course3">null</li>
            </ul>
        </div>
    </div>
</div>
<div id="content_login"  class="boxShadow">
    <div id="login_logo">Login your Account</div>
    <div id="login_box">
        <div id="login_header"><div class="login_header_text">Please Login</div></div>
        <div id="darkbanner"><p>Login</p></div>
        <div id="darkbannerwrap"> </div>
        <form action="/Exam1/servlet/TLoginServlet" method="post" name="form1">
			<div id="login_field">
                <p>
					<label id="label_uname" for="user_name">Teacher Id:</label>
					<input type="text" value="" id="user_name" name="user_name" />
				</p>
				<p>
					<label for="user_password">Password:</label>
					<input type="password" id="user_password" name="user_password" />
				</p>
            </div>
            <input type="submit" class="login_btn" value="Login"/>           
	    </form>
    </div>    
</div>
</div>
</body>
</html>
